.specialtopic {
    .option {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 10px 0;

        .title {
            font-size: 20px;
        }

        .watch {
            color: red;
        }
    }

    .specialtopiclist {
        
        display: flex;
        overflow-x: auto;

        .item {
            height: 160px;
            margin-right: 10px;
            position: relative;

            img {
                height: 98%;
                border-radius: 5px;
            }
            .text{
                color: white;
                width: 100%;
                height: 98%;
                border-radius: 5px;
                position: absolute;
                top: 0;
                background-color: rgba(255, 255, 255, 0.485);
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                padding: 30px;
                .cate{
                    font-size: 12px;
                    color: gray;
                    width: 50px;
                    height: 20px;
                    border-radius: 1px;
                    text-align: center;
                    line-height: 20px;
                    background-color: #fff;
                }
                .name {
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 1;
                    overflow: hidden;
                    font-size: 18px;
                }
                .line{
                    width: 50px;
                    border-top: 3px solid #fff;
                }
            }
            
        }
    }
}